<template>
  <div id="app">
    <el-config-provider>
      <!-- <keep-alive>
        <router-view v-if="$route.meta.keepAlive"></router-view>
      </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"></router-view> -->
      <!-- <keep-alive> -->
        <router-view :key="$route.name"/>
      <!-- </keep-alive> -->
    </el-config-provider>
    <div class="global-loading">
      <div class="el-loading-mask">
        <div class="el-loading-spinner">
          <svg class="circular" viewBox="0 0 50 50">
            <circle class="path" cx="25" cy="25" r="20" fill="none"></circle>
          </svg>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>

defineOptions({
  name: 'App'
})

</script>
<style lang="scss">
@tailwind base;
@tailwind components;
@tailwind utilities;
// 引入初始化样式
#app {
  background: #eee;
  // height: 100vh;
  // overflow: hidden;
  font-weight: 400 !important;
}
</style>
<style lang="scss" scoped>
:deep(.el-button){
  font-weight: 400 !important;
  padding: 0 5px;
  height: 26px;
  font-size: 14px;
}
</style>
